import "./App.css";
import LoggedComponent from "./methods/HOC";
import MyButtonComponent from "./methods/renderProps";
import CounterComponent from "./methods/useHooks";

function App() {
  return (
    <div className="App">
      <header className="App-header">react代码复用的三种方式</header>
      <div className="fun-area">
        <header>HOC</header>
        <LoggedComponent />
      </div>
      <div className="fun-area">
        <header>renderProps</header>
        <MyButtonComponent />
      </div>
      <div className="fun-area">
        <header>useHooks</header>
        <CounterComponent />
      </div>
    </div>
  );
}

export default App;
